<?php
include("banner.html"); //headern med top bar etc.
include("dogs.php"); // php funksjoner til db etc.
?>
<!-- jquery UI tab function -->
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });

  </script>
  <!--jQuery UI kalender function -->
  <script>
  $(function() {
    $( "#datepicker" ).datepicker({
      showWeek: true,
	  changeMonth: true,
      changeYear: true,
	  firstDay: 1
    });
  });
  </script>
  
  <script>
  
  // hentet fra w3schools
// start

function startTime()
{
var today=new Date();

// Timer, minutter og sekunder
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();

// legger til 0 foran
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}

//Sjekker om alt stemmer

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>


<body onload="startTime()">

  
		<div id="content"> 
		<div id="tabs" >
		  <div style="position:absolute">
		<ul>
			<li><a href="#tabs-1">Skole</a></li>
			<li><a href="#tabs-2">Fritid</a></li>
			<li><a href="#tabs-4">Uteliv</a></li>
			<li><a href="#tabs-3">Mine lenker</a></li>
		</ul>
		

		<!-- Skole -->
		<div id="tabs-1">
		<?php getLinks("Skole"); ?>
		</div>
		<!-- Fritid -->
		<div id="tabs-2">
		<?php getLinks("Fritid"); ?>
		</div>
		<!-- Uteliv -->
		<div id="tabs-4">
		<?php getLinks("Uteliv"); ?>
		</div>
		<!-- Personlige -->
		<div id="tabs-3">
		<?php
		// Om bruker ikke er logget inn, vis denne mld.
		if(!isset($_SESSION['user'])){
		echo "Du må logge inn for å bruke denne funksjonen.";
		}
		// Ellers, vis personlige lenker
		else {
		echo "<p>Legg til bokmerker her fra Instillinger -> Utseende -> Lagre personlig bokmerke :)</p>";
		getMyLinks($_SESSION['user']);
		}
		?>
		</div>
	</div>
	</div>

	<!-- content div -->
	</div> 
		
		<!-- Sidebar -->
		<script src="script.js"></script>
		
		<div id="sidebar">
			<h3>Informasjon om linker:</h3>
			<div id="infowrap">
				<p id="overlay"></p>
				<hr>
			</div>
			
			<div id="txt" style="text-align:center"></div> <!-- jævla klokke -->
			
			<div id="datepicker">
<!--Kalender, bare en div med id-->
			
			</div>
		</div>
		
		
	</div>

<!-- Google analytics -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-46155126-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


</body>
	<?php
	include ('info.html');
	?>

</html>
